<!--
@ 作者: 阿拉丁矿工 黄传鸿 <hchhyzc@foxmail.com>
-->
<template>
    <div class="h_navigation_right_fold_frame">
        <RightProject v-if="myStore.getRightFrameActive('RightProject')"></RightProject>
        <RightSelect v-if="myStore.getRightFrameActive('RightSelect')"></RightSelect>
        <RightBlock v-if="myStore.getRightFrameActive('RightBlock')"></RightBlock>
        <RightPen v-if="myStore.getRightFrameActive('RightPen')"></RightPen>
        <RightEvent v-if="myStore.getRightFrameActive('RightEvent')"></RightEvent>
        <RightPelData v-if="myStore.getRightFrameActive('RightPelData')"></RightPelData>
        <RightChannel v-if="myStore.getRightFrameActive('RightChannel')"></RightChannel>
    </div>
</template>

<script setup lang="ts">
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
// 🐸 引入存储
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
import { useEditorStore } from "@/store"; // 画布

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
// 🍁 引入组件 
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
import { RightPelData } from "@/views/RightPelData";
import { RightChannel } from "@/views/RightChannel";
import { RightSelect } from "@/views/RightSelect";
import { RightBlock } from "@/views/RightBlock";
import { RightPen } from "@/views/RightPen";
import { RightProject } from "@/views/RightProject";
import { RightEvent } from "@/views/RightEvent";

/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
// 🐸 使用存储
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
const myStore = useEditorStore(); // 画布

</script>

<style lang="scss" scoped>
.h_navigation_right_fold_frame {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
</style>@/store